<template>
  <div class="container">
    <div class="loginBox">
      <router-view/>
    </div>
  </div>
</template>

<script lang="ts">
import {defineComponent,} from 'vue'
export default defineComponent({
  name: 'LoginRegister',
  components:{
  },
  setup(){
    return {
    }
  },
  beforeMount(){
    console.log(1111)
  }
});


</script>

<style scoped>
.container {
  height: 100%;
  background-color: #282c34;
}

.loginBox {
  width: 450px;
  height: auto;
  background-color: #111111;
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  border-radius: 9px;
  padding: 50px 30px 50px 80px;
}


</style>